$(document).ready(function(){
	renderDataTable();
	loadReaderName();
		$("#refresh").click(function(){
			$("select#inputZone> option[value="+""+"]").prop("selected",true);
			$("#inputRoute").val("");
			$("#inputDesp").val("");
			$("select#inputEmp> option[value="+""+"]").prop("selected",true);
			var table = $('#routeDataTable').DataTable();
			table.$('tr.selected').removeClass('selected');
			$("select#inputZone").prop('disabled', false);
			$("#inputRoute").prop('disabled', false);
		});
});

function editData(vaId,vaRoute,index,vaEmp,vaZoneId) {	
	var table = $('#routeDataTable').DataTable();
	 table.$('tr').removeClass('selected');
	 table.$('tr:eq('+(parseInt(index)-1)+')').addClass('selected');
	 $("select#inputZone").prop('disabled', true);
	 $("#inputRoute").prop('disabled', true);
	 
    $.ajax({
	url : 'CS12002Srvl' , 
	type : "POST",
	data : {
		process_type : "edit" , 
		id :  vaZoneId , 
		route :vaRoute,
		reader:vaEmp
	},
	dataType : "json",
	success: function(data){
		$("select#inputZone> option[value="+data.zone+"]").prop("selected",true);
		$("#inputRoute").val(data.route);
		$("#inputDesp").val(data.desp);
		loadReaderName(data.emp);
		$("#oldRouteID").val(data.route);
		$("#oldZoneID").val(data.zone);
	}
});
}
function SaveRoute() {
    var vaZoneId= $("select#inputZone").val();
	var vaRoute= $("#inputRoute").val();
	var vaDesp = $("#inputDesp").val();
	var vaEmp = $("select#inputEmp").val();
	var statusUpdate1 =$("#oldZoneID").val();
	var vaZoneText = $("select#inputZone> option[value="+vaZoneId+"]").text();
	var vaEmpText = $("select#inputEmp> option[value="+vaEmp+"]").text();
	if (vaZoneId == "" || vaRoute == "" || vaDesp==""||vaEmp=="") {
		document.getElementById("modal_content").innerHTML = "กรุณากรอกข้อมูลให้ครบถ้วน";
		$('#warningModal').modal();
	}else if(isNaN(vaRoute)== true ){
		document.getElementById("modal_content").innerHTML = "กรุณากรอกส้นทางให้ถูกต้อง";
		$('#warningModal').modal();
	}else {
		if(statusUpdate1 != "" ) {
			document.getElementById("modal_content_confirmUpdateModal").innerHTML = "ยืนยันการบันทึกข้อมูลเส้นทางการอ่านน้ำ <br> เขตการอ่านน้ำ : "
					+ vaZoneText + "<br>เส้นทาง :  " + vaRoute+"<br>รายละเอียด  : "+vaDesp +"<br>พนักงานอ่านน้ำ : "+vaEmpText;
			$('#confirmUpdateModal').modal();
		} else {
			document.getElementById("modal_content_confirmSaveModal").innerHTML = "ยืนยันการบันทึกข้อมูลเส้นทางการอ่านน้ำ <br> เขตการอ่านน้ำ : "
				+ vaZoneText + "<br>เส้นทาง :  " + vaRoute+"<br>รายละเอียด  : "+vaDesp +"<br>พนักงานอ่านน้ำ : "+vaEmpText;
			$('#confirmSaveModal').modal();
		}
	}
}

function addDataTable() {
	 var vaZoneId= $("select#inputZone").val();
	 var vaRoute= $("#inputRoute").val();
     var vaDesp = $("#inputDesp").val();
     var vaEmp = $("select#inputEmp").val();
	$('#confirmSaveModal').modal('hide');
 $.ajax({
	    type : 'POST',
	    url : "CS12002Srvl",
	    data:{
	    	process_type:"insert",
	    	zone: vaZoneId, 
	    	route:vaRoute,
	    	desp :vaDesp,
	    	emp:vaEmp,
	    	url_address:$("#url_address").val(), 
	    	agent_browser:$("#agent_browser").val()
	    }, 
	    success : function(data) {
	    	if(data == "fail"){
	    		$("#modal_content").html("ไมสามารถบันทึกข้อมูลได้ ");
	    		$('#warningModal').modal();
	    	}else{
	    		location.reload();
	    		$("select#inputZone> option[value="+""+"]").prop("selected",true);
				$("#inputRoute").val("");
				$("#inputDesp").val("");
				$("select#inputEmp> option[value="+""+"]").prop("selected",true);
	    	}
	    		
	    }
	});
}

function updateDataTable() {
		var vaZoneId= $("select#inputZone").val();
		var vaRoute = $("#inputRoute").val();
		var vaDesp = $("#inputDesp").val();
		var vaEmp = $("select#inputEmp").val();
		var statusZone =$("#oldZoneID").val();
		var statusRoute =$("#oldRouteID").val();
		$('#confirmUpdateModal').modal('hide');
	 $.ajax({
		    type : 'POST',
		    url : "CS12002Srvl",
		    data:{
		    	process_type:"update",
		    	zone: vaZoneId, 
		    	route:vaRoute,
		    	desp :vaDesp,
		    	emp:vaEmp,
		    	oldZoneID : statusZone,
		    	oldRouteID :statusRoute,
		    	url_address:$("#url_address").val(),
		    	agent_browser:$("#agent_browser").val()
		    }, 
		    success : function(data) { 
		    		location.reload();
		    		/*$("select#inputZone> option[value="+""+"]").prop("selected",true);
					$("select#inputRoute> option[value="+""+"]").prop("selected",true);
					$("#inputDesp").val("");
					$("select#inputEmp> option[value="+""+"]").prop("selected",true);*/
		    }
		});
}

function deleteData(vaZoneId,data2,data3,data4,vaZoneName) {
	var table = $('#routeDataTable').DataTable();
	$('#routeDataTable ').on( 'click', function () {
	    if ( $(this).hasClass('selected') ) {
	        $(this).removeClass('selected');
	    }
	    else {
	        table.$('selected').removeClass('selected');
	        $(this).addClass('selected');
	    }
	} );
	$("#dataDelete1").val(vaZoneId);
	$("#dataDelete2").val(data2);

	document.getElementById("modal_content_confirmModal").innerHTML = "ยืนยันการลบข้อมูลเส้นทางการอ่านน้ำ <br> เขตการอ่านน้ำ : "
		+ vaZoneName + "<br>เส้นทาง :  " + data2+"<br>รายละเอียด  : "+data3 +"<br>พนักงานอ่านน้ำ : "+data4;
	$('#confirmModal').modal();
}

function confirmdeleteData() {
	var data1 =$("#dataDelete1").val();
	var data2 =$("#dataDelete2").val();
	$.ajax({
		    type : 'POST',
		    url : "CS12002Srvl",
		    data:{
		    	process_type:"delete",
		    	zoneid: data1, 
		    	routeid:data2,
		    	url_address:$("#url_address").val(),
		    	agent_browser:$("#agent_browser").val()
		    }, 
		    success : function(data) { 
		    	location.reload();
		    }    
		});	 
}

//โหลด พนักงานอ่านน้ำ
function loadReaderName(vaEmp) {
	$.ajax({
		url : 'CS12002Srvl' , 
		type : "POST",
		data : {
			process_type: "getReaderName" , 
			readerName: "yes",
		},
	//	anync:false,
		dataType:"JSON",
		success: function(data) {
			var selected="";
			var options = '';
			options += '<option value="">-- เลือกพนักงานอ่านน้ำ --</option>';
			for (var i = 0; i < data.readId.length; i++) {
				if (vaEmp == data.readName[i]) {
					selected = "selected='selected'";
				} else {
					selected ="";
				}
				options += '<option value="' + data.readId[i] +'"'+selected+'>' + data.readName[i] +  '</option>';
			}
			
			 $("select[name=employee]#inputEmp").html(options);
		}
	});
}

//function load DataTable 
function renderDataTable() {
	$('#routeDataTable').DataTable({
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล", 
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
		searching: true,
		"aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", sWidth: '2%'},
		                {"sTitle": "เขต", sClass: "alignCenter", sWidth: '15%'},
		                {"sTitle": "เส้นทาง",sClass: "alignCenter", sWidth: '8%'},
		                {"sTitle": "รายละเอียด", sClass: "rightCenter table-action",sWidth: '15%', "bSortable": false},
		                {"sTitle": "พนักงานอ่านน้ำ", sClass: "rightCenter table-action",sWidth: '15%', "bSortable": false},
		                {"sTitle": "จัดการ", sClass: "alignCenter table-action",sWidth: '12%', "bSortable": false,
		                	"mRender": function ( data, type, full ) { 
		                		return  '<i class="fa fa-wrench" title="แก้ไขข้อมูล" onclick="editData(\'' + full[1] + '\',\''+full[2]+'\',\''+full[0]+'\',\''+full[4]+'\',\''+full[5]+'\');"></i> ' 
		                		+ '<i class="fa fa-trash-o" title="ลบข้อมูล" onclick="deleteData(\'' + full[5] + '\', \'' + full[2] +'\',\''+full[3]+'\',\''+full[4]+'\',\''+full[1]+ '\');"></i>';
		                	} 
		                }
		               ],
		//"bPaginate": false,
		"bInfo" : false,
		"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		"bScrollCollapse": true,
		"aLengthMenu": [
		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		 ],
		 "bProcessing": true,   // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
		 "iDeferLoading": 11, 
         "sAjaxSource": "CS12002Srvl?process_type=getDataTable",
	} );
}


